<template>
    <q-page class="q-pa-md project-dynamic">
        <q-breadcrumbs class="q-mb-md" style="height:40px;line-height: 40px;">
            <q-breadcrumbs-el label="项目信息" icon="bi-folder2-open" />
            <q-breadcrumbs-el label="动态" icon="bi-fan" />
        </q-breadcrumbs>
        <el-timeline>
            <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp">
                {{ activity.content }}
            </el-timeline-item>
        </el-timeline>
    </q-page>
</template>
<script setup lang="ts">
const activities = [
    {
        content: 'xxx 提交工作流 WorkFlowTask1',
        timestamp: '2023-03-07 00:00:01',
        type: 'primary',
    },
    {
        content: 'xxx 运行实验 MingDL',
        timestamp: '2023-03-06 00:00:01',
        type: 'primary',
    },
    {
        content: 'xxx 创建工作流 WorkFlow1',
        timestamp: '2023-03-05 00:00:01',

        type: 'primary',
    },
    {
        content: 'xxx 创建模型 Model1',
        timestamp: '2023-03-04 00:00:01',
        type: 'primary',

    },
    {
        content: 'xxx 创建项目 Demo',
        timestamp: '2023-03-03 00:00:01',
        type: 'primary',
    },
]
</script>
<style lang="scss">
.project-dynamic {
    ul {
        padding-inline-start: 0px;
    }
}
</style>